$(function(){
	$('#calendar ul li').hover(
		function() { $(this).addClass('DayContent-Hover'); }, 
		function() { $(this).removeClass('DayContent-Hover'); }
	);
	
	$('#calendar ul li').qtip({
		position:{
			corner:{
		         target: 'rightMiddle',
		         tooltip: 'leftMiddle'
			}
		},
		style: { 
      		width: 300,
      		padding: 2,
      		background: '#FECA40',
      		color: 'black',
      		textAlign: 'center',
      		border: {
         		width: 5,
         		radius: 7,
         		color: '#FECA40'
      		},
			tip: 'leftMiddle'
		},
		api: {
	   		beforeShow: function() {
	      		var id = this.elements.target.attr('id');
	      		this.loadContent('ajax/ajaxCalendar.php?op=AjaxGetCalendarEventTip&eventid='+id);      		
	   		}
		}
	});
});
